<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>小网页</title>
        <link rel="stylesheet" href="main.css">
        <script src="jquery.js"></script>
        <script src="main.js"></script>
    </head>

    <body>
        <div class="wrap">
            <div class="header">
                <div class="header-nav">
                    <a href="https://www.runoob.com/" target="_blank">
                        <img src="绿色图标.jpg" alt="跳转到GITHUB网站">
                    </a>
                    <!-- <a
                        href="https://github.com/walter201230/Python/blob/master/Article/codeSpecification/codeSpecification_Preface.md">
                        <img class="jt1" src="jiantao_touming.png" alt="">
                    </a> -->
                    <div class="nav-list">
                        <a href="https://www.runoob.com/">个人学习首页</a>
                        <a href="https://www.liaoxuefeng.com/wiki/1016959663602400">Python基础学习</a>
                        <a href="https://www.runoob.com/css/css-tutorial.html"> CSS基础学习</a>
                        <a href="https://www.liaoxuefeng.com/wiki/1022910821149312">JS基础学习</a>
                        <a href="https://www.runoob.com/mysql/mysql-tutorial.html">Mysql入门</a>
                        <a href="https://www.runoob.com/jquery/jquery-tutorial.html">JQ基础</a>
                    </div>
                </div>
                <div class="header-banner">
                    <div class="banner-imgs">
                        <a href="20210814WEB作业001.html">
                            <img src="banner0.png" alt="">
                        </a>
                        <a href="html_study01.html">
                            <img src="banner1.png" alt="">
                        </a>
                        <a href="点击按钮切换DIV颜色.html">
                            <img src="banner2.png" alt="">
                        </a>
                        <a href="https://baidu.com/">
                            <img src="banner3.png" alt="">
                        </a>
                    </div>
                    <div class="banner-btn">
                    </div>
                    <div class="banner-btn1">
                        <img class="btn-left" src="left_l.png" alt="">
                        <img class="btn-right" src="right_r.png" alt="">
                    </div>
                </div>
                <div class="content">
                    <div class="content-server">
                        <div class="server-title">
                            <div class="title-text">
                                <h3>学习资料</h3>
                                <p>My study</p>
                            </div>
                        </div>
                        <div class="server-introduce">
                            <p>最好的生活状态，就是成为更好的自己。</p>
                            <p>一个人的成熟，并不表现在获得了多少成就上，而是面对那些厌恶的人和事，不迎合也不抵触，只淡然一笑对之。</p>
                        </div>
                        <div class="server-item">
                            <ul>
                            </ul>
                        </div>
                    </div>
                    <!-- <div class="content-img">
                <div class="server-title">
                    <div class="title-text">
                        <h3>学习园地一角</h3>
                        <p>Study Video and happy</p>
                    </div>
                </div>
                <div class="img-record">
                    <ul>
                    <a href="html_study01.html">
                        <li>
                           <img src="py01_副本_副本.png" alt="小米商品选择的模仿学习链接"></img>
                        </li>
                    </a>
                    <a href="./20210814WEB作业001.html">
                        <li>
                            <img src="11111_副本2_副本.png" alt="谷歌首页的模仿学习链接"></img>
                        </li>
                    </a>
                    <a href="点击按钮切换DIV颜色.html">
                        <li>
                            <img src="yyd001_副本.jpg" alt="DIV的颜色切换学习"></img>
                        </li>
                    </a>
                    </ul>
                </div>
            </div> -->
                </div>
                <div class="foot">
                    <p>版权 备案信息</p>
                    <p>小白学习--个人网页制作</p>
                    <p>联系方式：邮箱--204hjf@163.com</p>
                    <p>以上链接皆是引用其它网站，都是学习网站</p>
                    <p>本网站是本人学习用，不作商业用途，小白个人学习静态简单网页制作</p>
                </div>
            </div>
    </body>

</html>